import React from 'react'

import Tab from './components/Tab'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-icons/font/bootstrap-icons.css'

import Todolist from './components/Todolist'
import TodolistComponent from './components/todolist/Todolist'

function App() {
    const content = '<div><strong>hello</strong></div>'
    return (
        <div className='container'>
            App
            {/* <Tab></Tab> */}

            {/* <Todolist></Todolist> */}

            {/* 需求：在React中如何显示html内容 */}
            {/* <div>content: {content}</div>
            <div dangerouslySetInnerHTML={{__html:content}}></div> */}

            <TodolistComponent/>
        </div>
    )
}

// class App extends React.Component{
//     render(){

//     }
// }

export default App;